.global_fixed_top_b2b {
  position: fixed;
  width: 100%;
  right: 0;
  top: 0;
  background-color: #fff;
  transition: all 0.3s;
  box-sizing: border-box;
  transform: translateY(-100%);
  opacity: 0;
  z-index: 99;
}
.global_fixed_top_b2b.current {
  opacity: 1;
  transform: translateY(0);
}
.global_fixed_top_b2b .wide {
  width: 1480px;
}

.global_fixed_top_b2b.products_intro_box.current {
  opacity: 1;
  transform: translateY(68px);
  padding: 10px 0 65px 0;
  box-shadow: 0 0 10px rgba(192, 218, 254, 0.3);
}
.products_intro_box .products_intro_box_out {
  display: grid;
  -webkit-grid-template-columns: repeat(4, calc((100% - 3 * 90px) / 4));
  -ms-grid-columns: repeat(4, calc((100% - 3 * 90px) / 4));
  grid-template-columns: repeat(4, calc((100% - 3 * 90px) / 4));
  row-gap: 90px;
  column-gap: 90px;
}
.products_intro_box .products_intro_box_out.products_intro_box_mobile {
  display: none;
}

.products_intro_box .products_intro_box_out .products_item {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}
.products_intro_box .products_intro_box_out .products_item .item_title_group {
  position: relative;
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  line-height: 1;
  padding: 30px 20px 28px 60px;
  border-bottom: 1px solid #dfe9f5;
}
.products_intro_box
  .products_intro_box_out
  .products_item
  .item_title_group:before {
  position: absolute;
  content: "";
  width: 50px;
  height: 42px;
  left: 0;
  top: 30px;
}
.products_intro_box
  .products_intro_box_out
  .products_item:nth-child(1)
  .item_title_group:before {
  /*background: url(../images/item_group_1.png);*/
}
.products_intro_box
  .products_intro_box_out
  .products_item:nth-child(2)
  .item_title_group:before {
  /*background: url(../images/item_group_2.png);*/
}
.products_intro_box
  .products_intro_box_out
  .products_item:nth-child(3)
  .item_title_group:before {
  /*background: url(../images/item_group_3.png);*/
}
.products_intro_box
  .products_intro_box_out
  .products_item:nth-child(4)
  .item_title_group:before {
  /*background: url(../images/item_group_4.png);*/
}
.products_intro_box
  .products_intro_box_out
  .products_item
  .item_title_group
  .title {
  font-size: 18px;
  font-weight: bold;
  color: #000;
}
.products_intro_box
  .products_intro_box_out
  .products_item
  .item_title_group
  .desc {
  font-size: 14px;
  color: #6c7c8c;
}

.products_intro_box .products_intro_box_out .products_item ul.item_list_group {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  padding-left: 60px;
}
.products_intro_box
  .products_intro_box_out
  .products_item
  ul.item_list_group
  li {
  display: flex;
  column-gap: 10px;
  align-items: center;
  cursor: pointer;
  font-size: 16px;
}
.products_intro_box
  .products_intro_box_out
  .products_item
  ul.item_list_group
  li:hover {
  color: #0058ff;
}

@media screen and (max-width: 1550px) {
  .global_fixed_top_b2b .wide {
    width: calc(100% - 80px);
  }
  .global_fixed_top_b2b.products_intro_box.current {
    padding: 1vw 0 2.5vw 0;
  }
  .products_intro_box .products_intro_box_out {
    -webkit-grid-template-columns: repeat(4, calc((100% - 3 * 4vw) / 4));
    -ms-grid-columns: repeat(4, calc((100% - 3 * 4vw) / 4));
    grid-template-columns: repeat(4, calc((100% - 3 * 4vw) / 4));
    row-gap: 4vw;
    column-gap: 4vw;
  }
  .products_intro_box .products_intro_box_out .products_item {
    row-gap: 1vw;
  }
  .products_intro_box .products_intro_box_out .products_item .item_title_group {
    row-gap: 0.8vw;
    padding: 2vw 1.5vw 1.2vw 4vw;
  }
  .products_intro_box
    .products_intro_box_out
    .products_item
    .item_title_group:before {
    transform: scale(0.9);
    top: 2vw;
  }
  .products_intro_box
    .products_intro_box_out
    .products_item
    .item_title_group
    .title {
    font-size: 1.2vw;
  }
  .products_intro_box
    .products_intro_box_out
    .products_item
    .item_title_group
    .desc {
    font-size: 0.9vw;
  }

  .products_intro_box
    .products_intro_box_out
    .products_item
    ul.item_list_group {
    padding-left: 4vw;
  }
  .products_intro_box
    .products_intro_box_out
    .products_item
    ul.item_list_group
    li {
    font-size: 1vw;
    column-gap: 0.8vw;
  }
}
@media screen and (max-width: 1340px) {
  .global_fixed_top_b2b .wide {
    width: auto;
  }
  .products_intro_box .products_intro_box_out {
    -webkit-grid-template-columns: repeat(4, calc((100% - 3 * 2vw) / 4));
    -ms-grid-columns: repeat(4, calc((100% - 3 * 2vw) / 4));
    grid-template-columns: repeat(4, calc((100% - 3 * 2vw) / 4));
    row-gap: 2vw;
    column-gap: 2vw;
  }
  .products_intro_box .products_intro_box_out .products_item .item_title_group {
    row-gap: 0.5vw;
    padding: 2vw 1.5vw 1.2vw 4.5vw;
  }
  .products_intro_box
    .products_intro_box_out
    .products_item
    .item_title_group:before {
    transform: scale(0.7);
    top: 1.5vw;
  }
  .products_intro_box
    .products_intro_box_out
    .products_item
    .item_title_group
    .title {
    font-size: 16px;
  }
  .products_intro_box
    .products_intro_box_out
    .products_item
    .item_title_group
    .desc {
    font-size: 12px;
  }

  .products_intro_box
    .products_intro_box_out
    .products_item
    ul.item_list_group {
    padding-left: 4.5vw;
  }
  .products_intro_box
    .products_intro_box_out
    .products_item
    ul.item_list_group
    li {
    font-size: 14px;
    column-gap: 5px;
  }
  .products_intro_box
    .products_intro_box_out
    .products_item
    ul.item_list_group
    li
    img {
    transform: scale(0.9);
  }
}
@media screen and (max-width: 1200px) {
  .products_intro_box .products_intro_box_out {
    -webkit-grid-template-columns: repeat(4, calc((100% - 3 * 1vw) / 4));
    -ms-grid-columns: repeat(4, calc((100% - 3 * 1vw) / 4));
    grid-template-columns: repeat(4, calc((100% - 3 * 1vw) / 4));
    row-gap: 1vw;
    column-gap: 1vw;
  }
  .products_intro_box
    .products_intro_box_out
    .products_item
    .item_title_group:before {
    left: -0.8vw;
  }
  .products_intro_box .products_intro_box_out .products_item .item_title_group {
    row-gap: 0.5vw;
    padding: 2vw 0.8vw 1.2vw 4.5vw;
  }
  .products_intro_box
    .products_intro_box_out
    .products_item
    ul.item_list_group {
    padding-left: 4.5vw;
  }
}
@media screen and (max-width: 1024px) {
  .global_fixed_top_b2b .wide {
    width: 100%;
  }
  /*.global_fixed_top_b2b.products_intro_box{transform: translateX(100%);}*/
  /*.global_fixed_top_b2b.products_intro_box.current {transform: translateX(0);opacity: 1;}*/

  /*.products_intro_box .products_intro_box_out.products_intro_box_pc{display: none;}*/
}

/*手机端导航栏样式*/
.mobile_fixed_menu .wide {
  padding: 0;
}
.mobile_fixed_menu .global_fixed_top_b2b {
  position: unset;
  transform: unset;
  top: unset;
  opacity: 1;
}
.mobile_fixed_menu .products_intro_box .products_intro_box_out {
  grid-template-columns: 1fr;
  -webkit-grid-template-columns: unset;
  -ms-grid-template-columns: unset;
  padding-top: 3vw;
}
.mobile_fixed_menu .products_intro_box .products_intro_box_out .products_item {
  margin-bottom: 4vw;
}
.mobile_fixed_menu
  .products_intro_box
  .products_intro_box_out
  .products_item
  .item_title_group {
  padding-left: 15vw;
  padding-bottom: 4vw;
  row-gap: 1.5vw;
}
.mobile_fixed_menu
  .products_intro_box
  .products_intro_box_out
  .products_item
  .item_title_group:before {
  left: -1vw;
}
.mobile_fixed_menu .products_intro_box .products_intro_box_out .products_item {
  row-gap: 6vw;
}
.mobile_fixed_menu
  .products_intro_box
  .products_intro_box_out
  .products_item
  .item_title_group:before {
  transform: scale(0.7);
  top: 0.5vw;
}
.mobile_fixed_menu .products_intro_box .products_intro_box_out {
  row-gap: 6vw;
  padding-bottom: 4vw;
}
.mobile_fixed_menu
  .products_intro_box
  .products_intro_box_out
  .products_item
  ul.item_list_group {
  padding-left: 15vw;
}
.mobile_fixed_menu .global_fixed_top_b2b.current {
  transform: unset;
}
